<template>
  <div class="find">
    <h1>{{ $store.state.count }}</h1>
    <button @click="ADD">+</button>
    <button @click="DEL">-</button>
  </div>
</template>

<script>
import { mapGetters, mapActions } from "vuex"; // 辅助函数

export default {
  name: "Find",
  data() {
    return {};
  },
  // methods: {
  // ...mapActions(["ADD", "DEL"]),
  //   add() {
  //     this.$store.dispatch("ADD");
  //   },
  //   del() {
  //     this.$store.dispatch("DEL");
  //   },
  // },
  // methods辅助函数写法
  methods: mapActions(["ADD", "DEL"]),
};
</script>

<style>
</style>